{%extends 'static_base.html'%}
{% block title %}天天生鲜-首页{% endblock title%}
{%block topfiles%}
{%load static%}
	<script type="text/javascript" src="{%static 'js/jquery-1.12.4.min.js'%}"></script>
	<script type="text/javascript" src="{%static 'js/jquery-ui.min.js'%}"></script>
	<script type="text/javascript" src="{%static 'js/slide.js'%}"></script>
{%endblock topfiles%}


<!-- 网页顶部欢迎信息块 -->



<!-- 网页主体内容块 -->
{%block body%}
	<div class="navbar_con">
		<div class="navbar">
			<h1 class="fl">全部商品分类</h1>
			<ul class="navlist fl">
				<li><a href="">首页</a></li>
				<li class="interval">|</li>
				<li><a href="">手机生鲜</a></li>
				<li class="interval">|</li>
				<li><a href="">抽奖</a></li>
			</ul>
		</div>
	</div>

	<div class="center_con clearfix">
		<ul class="subnav fl">
			{%for type in types%}
				<li><a href="#model0{{forloop.counter}}" class="{{type.logo}}">{{type.name}}</a></li>
			{%endfor%}
            
		</ul>
		<div class="slide fl">
			<ul class="slide_pics">
				{%for slide in shows%}
					<li><a href="/goods/{{slide.sku.id}}"><img src="{{slide.image.url}}" alt="幻灯片"></a></li>
				{%endfor%}
                
			</ul>
			<div class="prev"></div>
			<div class="next"></div>
			<ul class="points"></ul>
		</div>
		<div class="adv fl">
			{%for adv in advs%}
				<a href='{{adv.url}}' style="height: 135px"><img src="{{adv.image.url}}"></a>
			{%endfor%}
            
			   
            
		</div>
	</div>

	{%for type in types%}
	<div class="list_model">
		<div class="list_title clearfix">
			<h3 class="fl" id="model0{{forloop.counter}}">{{type.name}}</h3>
			{%for good_text in type.word%}
			<div class="subtitle fl">
				<span>|</span>
				
				    <a href="/goods/{{good_text.sku.id}}">{{good_text.sku.name}}</a>
				
			</div>
			{%endfor%}
			<a href="" class="goods_more fr" id="fruit_more">查看更多 ></a>
		</div>

		<div class="goods_con clearfix">
			<div class="goods_banner fl"><img src="{{type.image.url}}"></div>
			<ul class="goods_list fl">
				{%for good in type.pic%}
				<li>
					<h4><a href="/goods/{{good.sku.id}}">{{good.sku.name}} {{good.sku.unite}}</a></h4>
					<a href="/goods/{good.sku.id}}"><img src="{{good.sku.image.url}}"></a>
					<div class="prize">¥ {{good.sku.price}}</div>
				</li>
				{%endfor%}
				
			</ul>
		</div>
	</div>
	{%endfor%}
	

{%endblock body%}


